<html>

<head>
    <meta charset="utf-8">
    <meta name="author" content="dongfeng">
    <title>我的书屋</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">

</head>

<body>
    <header>
        <nav>
            <ul class="leftNav">
                <li>
                    <a href="index.html">首页</a>

                </li>
                <li class="active">
                    <a href="classify.html">分类</a>

                </li>
                <li>
                    <a href="bangdan.html">榜单</a>

                </li>
                <li>
                    <a href="dujia.html">独家作品</a>

                </li>
                <li>
                    <a href="jigou.html">机构专区</a>

                </li>
                <li>
                    <a href="pc.html">客户端</a>

                </li>
            </ul>
            <ul>
                <li class="shujia">
                    <i class="fa fa-book"></i>
                    <a href="">我的书架</a>

                </li>
            </ul>
        </nav>
    </header>
    <section class="classify">

        <div class="Snav">
            <div class="hd">全部图书分类</div>
            <div class="bd">
                <div class="item">
                    <div class="title one">小说 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">言情</a></li>
                                <li><a href="#">科幻</a></li>
                                <li><a href="#">武侠魔幻</a></li>
                                <li><a href="#">现当代小说</a></li>

                            </ul>


                            <ul>
                                <li><a href="#">青春</a></li>
                                <li><a href="#">军事</a></li>
                                <li><a href="#">灵异恐怖</a></li>
                                <li><a href="#">外国文学</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">都市</a></li>
                                <li><a href="#">官场商战</a></li>
                                <li><a href="#">社会乡士</a></li>
                                <li><a href="#">其他</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">悬疑推理</a></li>
                                <li><a href="#">影视文学</a></li>

                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">经济管理 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">企业管理</a></li>
                                <li><a href="#">财会统计</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">经济金融</a></li>
                                <li><a href="#">通俗读物</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">投资理财</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">市场营销</a></li>


                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">成功励志 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">成功学</a></li>
                                <li><a href="#">心灵修养</a></li>
                            </ul>


                            <ul>
                                <li><a href="#">人在职场</a></li>
                                <li><a href="#">性格与情绪</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">演讲口才</a></li>
                                <li><a href="#">青春励志</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">人际处事</a></li>

                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">历史传记 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">人物传记</a></li>
                            </ul>


                            <ul>
                                <li><a href="#">普及读物</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">世界各国史</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">中国史</a></li>


                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">计算机 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">软硬件开发</a></li>
                                <li><a href="#">IT人文</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">图形与图像</a></li>
                                <li><a href="#">其他</a></li>


                            </ul>
                            <ul>
                                <li><a href="#">网络与通信</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">家庭与办公</a></li>


                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">两性情感 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">两性关系</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">婚姻家庭</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">情感恋爱</a></li>

                            </ul>
                            <ul></ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">生活 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">烹调饮食</a></li>
                                <li><a href="#">旅游地理</a></li>
                                <li><a href="#">休闲娱乐</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">健康养生</a></li>
                                <li><a href="#">家居生活</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">占星风水</a></li>
                                <li><a href="#">美容塑身</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">时尚摄影</a></li>
                                <li><a href="#">运动健身</a></li>

                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">亲子少儿 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">育产育儿</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">儿童文学</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">科普百科</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">幼儿启蒙</a></li>


                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">文学艺术 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">散文随笔</a></li>
                                <li><a href="#">纪实文学</a></li>
                                <li><a href="#">世界名著</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">绘本画册</a></li>
                                <li><a href="#">文学理论</a></li>
                                <li><a href="#">其他</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">设计美术</a></li>
                                <li><a href="#">诗词歌赋</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">音乐戏剧</a></li>
                                <li><a href="#">国学经典</a></li>

                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">社会科学 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">社会学</a></li>
                                <li><a href="#">时事政治</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">心理学</a></li>
                                <li><a href="#">文化</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">宗教哲学</a></li>
                                <li><a href="#">教育考试</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">军事法律</a></li>
                                <li><a href="#">其他</a></li>


                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">科技 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">科普读物</a></li>
                                <li><a href="#">其他</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">自然科学</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">医学</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">工业科技</a></li>


                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">原创男频 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">玄幻奇幻</a></li>
                                <li><a href="#">历史架空</a></li>
                                <li><a href="#">游戏竞技</a></li>


                            </ul>


                            <ul>
                                <li><a href="#">武侠仙侠</a></li>
                                <li><a href="#">军事谍战</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">都市生活</a></li>
                                <li><a href="#">科幻末日</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">官场商战</a></li>
                                <li><a href="#">灵异悬疑</a></li>


                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">原创女频 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">现代言情</a></li>
                                <li><a href="#">浪漫青春</a></li>



                            </ul>


                            <ul>
                                <li><a href="#">婚恋情感</a></li>
                                <li><a href="#">武侠仙侠</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">古言架空</a></li>
                                <li><a href="#">幻想异能</a></li>

                            </ul>
                            <ul>
                                <li><a href="#">穿越重生</a></li>
                                <li><a href="#">其他</a></li>


                            </ul>

                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">外文 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">其他</a></li>


                            </ul>



                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="title one">期刊 <span class="fa fa-angle-right arrow"></span></div>

                    <!--<div class="arrow">&gt;</div>-->
                    <div class="line"></div>
                    <div class="subitem">
                        <div class="inner">


                            <ul>
                                <li><a href="#">其他</a></li>


                            </ul>





                        </div>
                    </div>
                </div>

            </div>
            <ul class="Simage">
                <li>
                    <img src="classImg/navl1.jpg" alt="">
                </li>
                <li>
                    <img src="classImg/navl2.jpg" alt="">
                </li>
                <li>
                    <img src="classImg/navl3.jpg" alt="">
                </li>
            </ul>

        </div>
        <div class="Scontent">
            <div class="Sfirst">
                <span>百度阅读</span>
                <span>全部图书</span>
            </div>
            <div class="Smiddle">
                <ul class="Smiddlenav">
                    <li>热度 <span class="fa fa-arrow-down"></span></li>
                    <li>最新 <span class="fa fa-arrow-down"></span></li>
                    <li>销量 <span class="fa fa-arrow-down"></span></li>
                    <li>价格 <span class="fa fa-arrows"></span></li>
                </ul>
                <div class="Sall">
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/shili.jpg" alt="">
                            </li>
                            <li class="Stext">
                                三生三世十里桃花
                            </li>
                            <li class="Sbtext">
                                <span>唐七</span>
                                <span style="color: red">￥ 5.99</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>三生三世十里桃花</li>
                                    <li>唐七</li>
                                    <li>唐七公子力作。那一世，大荒之中一处荒山，成就他与她的初见。...</li>
                                    <li>
                                        <span>￥5.99</span>
                                        <span>纸质价：￥39.79（<i>1.5</i> 折）</span>
                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/e.jpg" alt="">
                            </li>
                            <li class="Stext">
                                恶魔少爷别吻我
                            </li>
                            <li class="Sbtext">
                                <span>锦夏末</span>
                                <span style="color: red">￥ 47.76</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>恶魔少爷别吻我</li>
                                    <li>锦夏末</li>
                                    <li>她住进了校草的家里！校草爸妈很喜欢她，可是校草却超级讨厌她！还让她当他的佣人...</li>
                                    <li>
                                        <span>￥47.76</span>
                                        <span><i></i></span>
                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/shai.jpg" alt="">
                            </li>
                            <li class="Stext">
                                闪婚总裁契约妻
                            </li>
                            <li class="Sbtext">
                                <span>沾花拂柳</span>
                                <span style="color: red">￥ 116.33</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>闪婚总裁契约妻</li>
                                    <li>沾花拂柳</li>
                                    <li>(进群请敲门：341320498)一场精心设计，夺走了他的第一次。曾今恩爱甜蜜的恋情...</li>
                                    <li>
                                        <span>￥116.33</span>
                                        <span><i></i></span>
                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/fuyao.jpg" alt="">
                            </li>
                            <li class="Stext">
                                扶摇皇后
                            </li>
                            <li class="Sbtext">
                                <span>天下归元</span>
                                <span style="color: red">￥ 46.31</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>扶摇皇后</li>
                                    <li>天下归元</li>
                                    <li>一刀劈开即将另娶他人的心上人五指。相信我，他会是个十全十美的夫人。你带着她...</li>
                                    <li>
                                        <span>￥46.31</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/shao.jpg" alt="">
                            </li>
                            <li class="Stext">
                                少帅你老婆又跑了
                            </li>
                            <li class="Sbtext">
                                <span>明药</span>
                                <span style="color: red">￥ 101.70</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>少帅你老婆又跑了</li>
                                    <li>明药</li>
                                    <li>少帅说：‘我家夫人是乡下女子，不懂时髦，你们不要欺负他’，那些被少帅夫人抢尽...</li>
                                    <li>
                                        <span>￥101.70</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/xinshi.jpg" alt="">
                            </li>
                            <li class="Stext">
                                新世
                            </li>
                            <li class="Sbtext">
                                <span>苏羽</span>
                                <span style="color: red">￥ 10.00</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>新世</li>
                                    <li>苏羽</li>
                                    <li>《新世》是青年作家苏羽经历了数年时间沉淀下来的一部作品，苏羽用《新世》的每一...</li>
                                    <li>
                                        <span>￥10.00</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/youqi.jpg" alt="">
                            </li>
                            <li class="Stext">
                                诱妻入怀：前夫，请温柔
                            </li>
                            <li class="Sbtext">
                                <span>汤圆儿</span>
                                <span style="color: red">￥ 101.24</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>诱妻入怀：前夫，请温柔</li>
                                    <li>汤圆儿</li>
                                    <li>王牌内科医生楚璐寒，结婚已有三年，却无人知道，他的丈夫就是江都第一豪门龙家大...</li>
                                    <li>
                                        <span>￥101.24</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/yi.jpg" alt="">
                            </li>
                            <li class="Stext">
                                医妃权倾天下
                            </li>
                            <li class="Sbtext">
                                <span>承九</span>
                                <span style="color: red">￥ 110.88</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>医妃权倾天下</li>
                                    <li>承九</li>
                                    <li>她是太子的未婚妻，却在大婚前夕被赐给双腿皆废，瘫痪在床的前战神王爷....</li>
                                    <li>
                                        <span>￥110.88</span>
                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/xiaoyao.jpg" alt="">
                            </li>
                            <li class="Stext">
                                逍遥小村医
                            </li>
                            <li class="Sbtext">
                                <span>闻曲星</span>
                                <span style="color: red">￥ 111.56</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>逍遥小村医</li>
                                    <li>闻曲星</li>
                                    <li>杨明采药回来，撞见美女方便时，一不小心掉进了山崖，却因祸得福拥有了异能。看小...</li>
                                    <li>
                                        <span>￥111.56</span>
                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/wenyi.jpg" alt="">
                            </li>
                            <li class="Stext">
                                你曾是我唯一
                            </li>
                            <li class="Sbtext">
                                <span>卿筱</span>
                                <span style="color: red">￥ 107.12</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>你曾是我唯一</li>
                                    <li>卿筱</li>
                                    <li>老公和姐姐车震掉河里了，交警打电话来让她送两套衣服过去，她才如梦初醒，不是所....</li>
                                    <li>
                                        <span>￥107012</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/duai.jpg" alt="">
                            </li>
                            <li class="Stext">
                                强爱，独家占有
                            </li>
                            <li class="Sbtext">
                                <span>河清海晏七七</span>
                                <span style="color: red">￥ 61.42</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li> 强爱，独家占有</li>
                                    <li>河清海晏七七</li>
                                    <li>他们的订婚礼上，他在她的床上和别的女人上演火辣戏码。父亲气血攻心当场昏倒，再...</li>
                                    <li>
                                        <span>￥61.42</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/jin.jpg" alt="">
                            </li>
                            <li class="Stext">
                                近身兵王
                            </li>
                            <li class="Sbtext">
                                <span>月下吟</span>
                                <span style="color: red">￥ 348.85</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li> 近身兵王</li>
                                    <li>月下吟</li>
                                    <li>超级兵王秦渊，卸甲归田重回都市，将当年的谜题一一解开！曾经扬名世界的兵王，让...</li>
                                    <li>
                                        <span>￥348.85</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/bai.jpg" alt="">
                            </li>
                            <li class="Stext">
                                百炼成神
                            </li>
                            <li class="Sbtext">
                                <span>恩赐解脱</span>
                                <span style="color: red">￥ 333.33</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>百炼成神</li>
                                    <li>恩赐解脱</li>
                                    <li>从云端跌落成为一名卑微家奴的罗征，无意中把自己炼成了一件兵器。 一道抗争的序...</li>
                                    <li>
                                        <span>￥333.33</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/shanhun.jpg" alt="">
                            </li>
                            <li class="Stext">
                                闪婚老公太凶猛
                            </li>
                            <li class="Sbtext">
                                <span>温煦依依</span>
                                <span style="color: red">￥ 202.98</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>闪婚老公太凶猛</li>
                                    <li>温煦依依</li>
                                    <li>结婚前一天，她亲眼目睹男友和他的准大嫂在办公室上演限制级戏码，心碎之时，一...</li>
                                    <li>
                                        <span>￥202.98</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/nuan.jpg" alt="">
                            </li>
                            <li class="Stext">
                                暖妻成瘾
                            </li>
                            <li class="Sbtext">
                                <span>程小一</span>
                                <span style="color: red">￥152.60</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>暖妻成瘾</li>
                                    <li>程小一</li>
                                    <li>为了给儿子赚奶粉钱，她低调嫁给绯闻不断的腹黑总裁！在长辈面前秀恩爱，在外人面...</li>
                                    <li>
                                        <span>￥5.99</span>
                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/li.jpg" alt="">
                            </li>
                            <li class="Stext">
                                灵帝武尊
                            </li>
                            <li class="Sbtext">
                                <span>孤雨随风</span>
                                <span style="color: red">￥ 196.81</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>灵帝武尊</li>
                                    <li>孤雨随风</li>
                                    <li>大陆传闻：集九本天书者，破天道掌轮回！！ 上古世界走向了尽头，荒古文明消失。...</li>
                                    <li>
                                        <span>￥196.81</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/mao.jpg" alt="">
                            </li>
                            <li class="Stext">
                                冒牌天王
                            </li>
                            <li class="Sbtext">
                                <span>不戒</span>
                                <span style="color: red">￥ 105.03</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>冒牌天王</li>
                                    <li>不戒</li>
                                    <li>KTV捉奸，我被女朋友给甩了，甩我的理由很奇葩，就因为我叫谢霆，而不叫谢霆锋，说...</li>
                                    <li>
                                        <span>￥105.03</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/shen.jpg" alt="">
                            </li>
                            <li class="Stext">
                                乡村小神医
                            </li>
                            <li class="Sbtext">
                                <span>牧梧</span>
                                <span style="color: red">￥ 91.57</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>乡村小神医</li>
                                    <li>牧梧</li>
                                    <li>山沟里的穷小子偶得玄妙的长生造化诀，种田、治病、风水、占卜……样样都行，某日。...</li>
                                    <li>
                                        <span>￥91.57</span>

                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/dahun.jpg" alt="">
                            </li>
                            <li class="Stext">
                                大婚晚辰
                            </li>
                            <li class="Sbtext">
                                <span>肥妈向善</span>
                                <span style="color: red">￥ 237.86</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li> 大婚晚辰</li>
                                    <li>肥妈向善</li>
                                    <li>他是将门之子，权、贵集于一身，却在相亲宴上故意隐去身份，伪装成一个凡夫俗子...</li>
                                    <li>
                                        <span>￥237.86</span>
                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="Sone">
                        <ul class="Simg">
                            <li class="classImg">
                                <img src="classImg/sheng.jpg" alt="">
                            </li>
                            <li class="Stext">
                                盛世嫡妃
                            </li>
                            <li class="Sbtext">
                                <span>凤轻</span>
                                <span style="color: red">￥ 77.00</span>
                            </li>
                        </ul>

                        <ul class="Ssubmite box arrow-left-center">
                            <li class="Sinner">
                                <ul class="Stit">
                                    <li>盛世嫡妃</li>
                                    <li>凤轻</li>
                                    <li>一纸诏书，一场赐婚。 三无千金――无才无貌无德。 废物王爷――毁容残疾重病。 世...</li>
                                    <li>
                                        <span>￥77.00</span>
                                    </li>
                                    <li>
                                        <span class="fa fa-cart-plus fa-lg"> 加入购物车</span><span class="fa fa-book fa-lg"> 加入我的图书</span>
                                    </li>
                                    <li>
                                        <p>适用阅读设备</p>
                                        <span class="allSpan">
                                            <span class="fa fa-television fa-2x "></span>
                                        <span>PC端</span>
                                        </span>
                                        <span class="allSpan">
                                           <span class="fa fa-mobile fa-2x"></span>
                                        <span>手机端</span>
                                        </span>
                                        <span class="allSpan">
                                               <span class="fa fa-users fa-2x"></span>
                                        <span>android端</span>
                                        </span>


                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>

                </div>

            </div>
            <div class="Slast">
                <a href="">1</a>
                <span>2</span>
                <span>3</span>
                <span>4</span>
                <span>5</span>
                <span>6</span>
                <span>7</span>
                <span>8</span>
                <span>9</span>
                <span>10</span>
                <span>下一页 <i style="color: grey" class="fa fa-angle-right"></i></span>
                <span>尾页</span>


            </div>

        </div>
    </section>
    <footer>
        <ul class="Ffast">
            <li>
                <span class="round">
                    正
                </span>
                <span class="text">正版电子书</span>
            </li>
            <li>
                <span class="round fa fa-desktop"></span>
                <span class="text">多平台畅读</span>
            </li>
            <li>
                <span class="round fa fa-drivers-license (alias)"></span>
                <span class="text">海量图书资源</span>
            </li>
            <li>
                <span class="round fa fa-book"></span>
                <span class="text">优质阅读体验</span>
            </li>
        </ul>
        <hr>
        <ul class="Fsecond">
            <li>
                <h2>帮助</h2>
                <span>如何购买图书</span>
                <span>常见问题</span>
                <span>支付方式</span>
            </li>
            <li>
                <h2>平台入驻</h2>
                <span>机构专区</span>
                <span>个人作者专区</span>

            </li>
            <li>
                <h2>投诉与建议</h2>
                <span>问题反馈</span>

            </li>
            <li>
                <h2>扫描下载客户端</h2>
                <span class="er">
                    <img src="img/er.png" alt="">
                </span>

            </li>
        </ul>
        <p>如有问题欢迎联系<a href="">投诉方案</a></p>
        <ul class="Fthird">
            <li><i>@2017Baidu</i>使用百度前必读</li>
            <li>平台协议</li>
            <li>企业文库</li>
            <li>广告服务</li>
            <li>百度教育商业服务平台</li>
        </ul>
    </footer>






</body>
<script src="js/jquery.js"></script>
<script src="js/index.js"></script>

<script>
    $(".Snav .bd .item").hover(function() {
        $(this).addClass("layer");
    }, function() {
        $(this).removeClass("layer");
    });

    $('.Scontent .Sall .Sone').hover(function() {

        $(this).addClass('Slayer');
    }, function() {
        $(this).removeClass("Slayer");
    })
</script>


</script>


</html>